import {Platform, StyleSheet, Dimensions} from 'react-native';
import px2dp from '../../utils/px2dp';

const styles = StyleSheet.create({
  job_container: {
    flex: 1,
  },
  job_detail_left: {
    flexDirection: 'row',
    marginTop: px2dp(30),
    paddingHorizontal: px2dp(37),
  },
  job_detail_right: {
    flexDirection: 'row',
    marginTop: px2dp(30),
    paddingHorizontal: px2dp(37),
  },
  detail_avatar: {
    width: px2dp(78),
    height: px2dp(78),
    backgroundColor: '#f8f8f8',
    borderRadius: px2dp(78),
    marginRight: px2dp(8),
  },
  detail_info: {
    flex: 1,
  },
  detail_head: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    marginTop: px2dp(16),
  },
  detail_name: {
    marginLeft: px2dp(22),
    fontSize: px2dp(20),
    color: '#333',
    fontWeight: 'bold',
  },
  detail_time: {
    fontSize: px2dp(16),
    color: '#999',
    marginRight: px2dp(30),
  },
  detail_name_right: {
    marginRight: px2dp(30),
    fontSize: px2dp(20),
    color: '#333',
    fontWeight: 'bold',
  },
  detail_time_right: {
    marginLeft: px2dp(22),
    fontSize: px2dp(16),
    color: '#999',
  },
  detail_comment: {
    flex: 1,
    marginRight: px2dp(27),
    marginLeft: px2dp(8),
    borderRadius: px2dp(8),
    borderWidth: px2dp(1),
    marginTop: px2dp(11),
    borderColor: 'rgba(51, 51, 51, 0.08)',
    padding: px2dp(22),
  },
  comment_text: {
    fontSize: px2dp(26),
    color: '#333',
    lineHeight: px2dp(36),
    marginBottom: px2dp(19),
  },
  info_img: {
    flexDirection: 'row',
    paddingHorizontal: px2dp(28),
    flexWrap: 'wrap',
    justifyContent: 'space-between',
  },
  comment_cover: {
    width: px2dp(219),
    height: px2dp(219),
    backgroundColor: '#f8f8f8',
    marginBottom: px2dp(19),
  },
});

export default styles;
